@import '../../../style/base.styl';
@import '/animate.styl';
.container
	min-height 100vh
	display flex
	align-items center
	justify-content center
	.wave
		position relative
		width 400rpx
		height 400rpx
		display flex
		align-items center
		justify-content center
		font-size 56rpx
		.circle
			position absolute
			width 100%
			height 100%
			border-radius 50%
			opacity 0
		&.ripple
			/* 波纹效果 */
			color #000
			.circle
				border 6rpx solid #000
				&:first-child
					animation circle-opacity 2s infinite
					-webkit-animation circle-opacity 2s infinite
				&:nth-child(2)
					animation circle-opacity 2s infinite
					-webkit-animation circle-opacity 2s infinite
					animation-delay .3s
				&:nth-child(3)
					animation circle-opacity 2s infinite
					-webkit-animation circle-opacity 2s infinite
					animation-delay .6s
		&.solid
			/* 波动效果 */
			background #fff
			.circle
				background #000
				&:first-child
					animation circle-opacity 2s infinite
					-webkit-animation circle-opacity 2s infinite
	.split
		width 100%
		height 40rpx
